<template>
	<view class="album">

		<img v-for="item in list" :src="item.photo" alt="">
	</view>
</template>

<script>
	export default {
		name: 'Album',
		props: ['list'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="less" scoped>
	* {
		box-sizing: border-box;
	}

	.album {
		width: 100%;
		height: fit-content;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		// justify-content: space-around;
		column-gap: 4%;
		clear: both;
		background-color:#fff;

		img {
			width: 48%;
		}
	}
</style>
